$(function () {
    $(".small_box").hover(function () {
        $(this).find(".float_layer").show();
        $(".big_box").show();
    },function () {
        $(this).find(".float_layer").hide();
        $(".big_box").hide();
    })

    $(".small_box").mousemove(function (e) {
        //鼠标位置
        var x=e.offsetX,y=e.offsetY;
        //小黑框的左上角位置 减100 是为了让鼠标永远在小黑框的中间
        var left=x-100,top=y-100;
        if (left<0) {
            left=0
        } 
        if (top<0) {
            top=0;
        }
        if(left>200){
            left=200;
        }
        if(top>200){
            top=200;
        }
        $(this).find(".float_layer").css({top:top+"px",left:left+"px"})
        $(".big_box img").css({top:-2*top+"px",left:-2*left+"px"})
    })
})

    $(function(){
        $(".c_add").click(function () {
            var val=$("#count-ipt").val();
            var num=parseInt(val)+1;
            var count=$(".in-count").text();
            if(num<=count){
                $("#count-ipt").val(num)
            }
         })
         $(".c_sub").click(function () {
            var val=$("#count-ipt").val();
            var num=parseInt(val)-1;
            if(num>=0){
                $("#count-ipt").val(num) 
            }    
        })
        $(".buy-now").click(function () {
            var val=$("#count-ipt").val();
            var price=parseFloat($(".li-price").text())*100;
            alert(val*price/100)
        })
})